<!DOCTYPE html>
<html>
<head>
    <title></title>
		<#include "/header.html">
</head>
<style>
    .item-tab-3{
        background-color: #fff;
        border-bottom: 1px solid #dee5e7;
        padding-top: 10px;
        padding-bottom: 10px!important;
        border-top: 1px solid rgb(222, 229, 231);
        height: 111px;
        margin-bottom: 20px
    }
    .funds-detail{
        width: 100%;
        height:90px;
        line-height:90px;
    }
    .money-content{
        float: left;
        width: 20%;
        font-size: 14px;
        color: #fff;
        text-align: center;
        padding-right: 10px;
        height: 90px;
        box-sizing: border-box;
        display: table;
    }
    .f-table-cell{
        width: 100%;
        height: 90px;
        border-radius: 3px;
    }
</style>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">货架：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.shelvesid" @keyup.enter="query" id="sheelves_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">商品分类：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <select class="form-control" v-model="q.categoryid" @keyup.enter="query" id="sheelvesgroup_id">

                </select>
            </div>
            <div style="float: left;margin-left:10px;height:34px;line-height:34px;">商品：</div>
            <div style="float: left;width:160px;margin-right: 10px;">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="请输入内容">
            </div>
            <a class="btn btn-primary" @click="query">查询</a>
            <a class="btn btn-primary" @click="onshelevesExcel" style="background-color: #f07065!important;border: none;">生成上架单</a>
            <a class="btn btn-primary" @click="exports">导出</a>
        </div>
        <div style="box-sizing: border-box;  height: 53px;margin-top:20px;">
            <div style="box-sizing: border-box; float: left; margin: 0px !important; line-height: 53px;">
                <span style="box-sizing: border-box; padding: 0px 0px; font-size: 14px; color: rgb(76, 73, 72); border-right: 1px solid rgb(226, 229, 237);">
                    商品种类：<span id="spzl"></span>
                </span>
                <span style="box-sizing: border-box; padding: 0px 15px; font-size: 14px; color: rgb(76, 73, 72); border-right: 1px solid rgb(226, 229, 237);">
                    建议采购量：<span id="jycgl"></span>
                </span>
                <span style="box-sizing: border-box; padding: 0px 15px; font-size: 14px; color: rgb(76, 73, 72);">
                    合计成本金额：<span id="hjcbje"></span>
                </span>
            </div>
            <div style="float: right;">
                <p style="float: left;margin: 0!important;line-height: 53px;">补货方式：补充至库存上限</p>
                <div style="float: left;margin: 0px !important; line-height: 53px;">
                    <span style="margin-left: 5px;cursor: pointer;">
                        <img src="../../statics/img/ico20-question.png" width="20" height="20" style="margin-top: -5px;vertical-align: middle;"
                        onmouseover="$('#bhsm').show()" onmouseout="$('#bhsm').hide()">
                    </span>
                    <div style="left: 100%; margin-left: -380px; display: none; position: absolute;margin-top:-105px;" id="bhsm">
                        <div style="border: 1px solid #E2E5ED;background-color: #FFF;padding-left: 10px;width: 350px;">
                            <div style="height:100px;">
                                <p style="height: 20px;">说明</p>
                                <p style="height: 20px;">1、建议采购量 = 库存上限 - 当前库存 - 待上架数量;</p>
                                <p style="height: 20px;">2、已下架和关闭库存预警的商品不纳入补货计划</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div class="modal fade" id="intelreplenModal" tabindex="-1" role="dialog" aria-labelledby="intelreplenModalLabel">
        <div class="modal-dialog" role="document">
            <form class="form-horizontal">
                <div class="modal-content" style="width: 650px;">
                    <div style="padding: 15px;">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <div style="padding: 20px 0;border-bottom: 1px solid #E2E5ED;">
                            <p style="font-size: 14px;color: #4c4948;float: left;margin: 0!important;">提示</p>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div style="padding: 20px 0;margin: 0 30px;">
                            <label class="radio-inline">
                                <input type="radio" name="intelreplen"  value="0" checked="checked"/> 生成上架草稿
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="intelreplen"  value="1"/> 生成上架草稿并导出excel
                            </label>
                        </div>
                        <div style="padding: 20px 0;margin: 0 30px;padding-top: 0!important;border-bottom: 1px solid #E2E5ED;">
                            即将批量生成上架草稿单，生成后可在【货架商品上架】中查询上架明细，确认上架后才可进入库存，是否继续操作？
                        </div>
                        <a class="btn btn-primary" @click="addIntelreplen" style="margin-left: 290px;margin-top: 10px">确定</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/sys/intelreplen.js?_${.now?long}"></script>
</body>
</html>